body, html {
    width: 100%;
    height: 100%;
    margin: auto;
    marker-end: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

iframe {
    width:100%;
    height:100%;
    margin:0;
    padding:0;

}


ul {margin:6px;}
ul,li{
    margin-bottom: 8px;

}
a{ text-decoration:none; font-size:14px;}
a.input {
    /*display:block;*/
    width:103px;
    height:33px;
    border:1px solid #4d4d4d;
    background-color: black;
    opacity: 0.5;
    color: seashell;
}
input,button {
    /*display:block;*/
    height: 23px;
    border: 1px solid snow;
    background-color: darkslategray;
    opacity: 0.7;
    color: seashell;
}
input.button,button {
    cursor: pointer;
}

a#back_f {margin-left: 16%;}
a#back_d {margin-left: 8%;}
a#back_i {margin-left: 5%;}
p.ok_res {
    color:limegreen;
}
p.error_res {
    color:red;
}

#upload {
    width:100%;
    height:80%
}
div.header {
    background-color:black;
    opacity:0.6;
    color: white;
    height: 54px;
}
div#left {
    float:left;
    position: relative;
    height:100%;
    border: hidden;
}
div#fadebutton {
    position:absolute;
    top: 36%;
    right:0;
    background-color: black;
    opacity: 0.3;
    color: cornsilk;
    height: 60px;
}
div#right {
    float:left;
    height:100%;
    border: hidden;
}
div.fullleft {
    width: 14%;
}
div.partleft {
    width:1.6%;
}

div.partright {
    width:86%;
}
div.fullright {
    width:98.4%;
}
div#logo {
    display:inline-block;
    background-image: url(/static/image/logo.png);
    background-color:black;
    opacity: 0.6;
    position: relative;
    top: 13px;
    left: 20px;
    height: 41px;
    width: 191px;
}
span#username {
    float: right;
    padding-right:30px;
    padding-top:12px;
}
div#menu {
    background-color:black;
    text-align: center;
    opacity: 0.6;
    color: lightcyan;
    height:100%;
    padding-top: 28px;
}
.menu_name {
    margin-bottom:16px;
    font-size:18px;
    background-color: grey;
    opacity: 0.25;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
}
.menu_hide {
    display: none;
}
a.menu {
    color: lightcyan;
}
div#title {
    background-color: black;
    position: relative;
    cursor: pointer;
    z-index: 4;
    height: 28px;
    opacity: 0.5;
    color: white;
    text-align: center;
}
div#top {
    position:relative;
    border:1px solid #CCC;
    z-index: 3;
    float:top;
    width:100%;
    height: 128px;
    padding-left: 2%;
}
div#load {
    position:absolute;
    z-index: 5;
    padding-top:28%;
    background-color:black;
    opacity:0.4;
    text-align:center;
    color:white;
    height: 100%;
    width:100%;
}
button#undo {
    position: absolute;
    z-index: 6;
    top: 50%;
    right: 50px;
}
div#result_show {
    overflow-y:scroll;
    z-index: 1;
    position:absolute;
    top: 156px;
    width:100%;
    bottom: 54px;
}
div.full_result {
    top: 0;
    bottom: 54px;
}
